<template>
  <div>
    <Person v-if="isShow" />
    <button @click="Delete1">点我销毁或创建</button>
  </div>
</template>
<script lang="ts" setup>
import Person from "./Person.vue";
import { ref, onMounted } from "vue";
let isShow = ref(true);
function Delete1() {
  isShow.value = !isShow.value;
}
onMounted(() => {
  console.log("父挂载完毕");
});
</script>
